﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Mercados/Mercados.Master" AutoEventWireup="true" CodeBehind="Historico.aspx.cs" Inherits="RosarioFinanzas.Mercados.Historico" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

        <title>ROSARIO FINANZAS - Mercados</title>

    <meta name="description" content="Cotizaciones, Mercados, Cauciones, Cheques Diferidos, BCR, acciones, bonos, opciones, merval, bcba, dolar, dólar, adr, aluar, tenaris, ypf, galicia, macro, frances, edenor, transener, telecom, petrobras, comercial, COME, siderar, ERAR, GGAL, EDN, Pampa, PAMP, TECO, PESA" />

    <meta http-equiv="title" name="title" content="ROSARIO FINANZAS - Mercados" />
    <meta http-equiv="description" name="description" content="En este sitio encontrará información consolidada acerca de los instrumentos bursátiles que se negocian en el mercado de valores argentino" />
	
    <meta property="og:image" content="http://rosariofinanzas.com.ar/Imagenes/Cabecera_FB.png" />
    <meta property="og:url" content="http://rosariofinanzas.com.ar/Mercados/Bursatil.aspx" />
    <meta property="og:title" content="ROSARIO FINANZAS - Mercados" />
    <meta property="og:description" content="En este sitio encontrará información consolidada acerca de los instrumentos bursátiles que se negocian en el mercado de valores argentino" />
   


    <script type="text/javascript">

        $(document).ready(function () {   
            
            $(".tablesorter").hide();
            
            // KnockoutJS
            function itemsVM() {
                var self = this;

                self.itemsTablaPrincipal = ko.observableArray([]);
                self.itemsTablaBonosUSD = ko.observableArray([]);
                self.itemsTablaIndices = ko.observableArray([]);

                self.dolarMEP = ko.observable();
                self.dolarA3500 = ko.observable();
                self.dolarAhorro = ko.observable();
                self.dolarTurista = ko.observable();
                self.dolarPromedioRF = ko.observable();
                self.euroPromedioRF = ko.observable();
                self.realPromedioRF = ko.observable();
                self.dolarBlue = ko.observable();
                self.dolarCCL = ko.observable();
                

                self.obtenerFechaConsulta = function () {
                    
                    var pathname = window.location.href;

                    var posAño = pathname.lastIndexOf('year=');
                    if (posAño != -1)
                        var año = pathname.substring(posAño + 5, posAño + 9);
                    else
                        var año = undefined;

                    var posMes = pathname.lastIndexOf('month=');
                    if (posMes != -1)
                        var mes = pathname.substring(posMes + 6, posMes + 8);
                    else
                        var mes = undefined;

                    var posDia = pathname.lastIndexOf('day=');
                    if (posDia != -1)
                        var dia = pathname.substring(posDia + 4, posDia + 6);
                    else
                        var dia = undefined;

                    if (dia != undefined && mes != undefined && año != undefined) {

                        var minDate = new Date(2015, 8, 1, 0, 0, 0, 0);
                        var fechaQueryString = new Date(año, mes - 1, dia, 0, 0, 0, 0);
                        var hoy = new Date();


                        if (fechaQueryString >= minDate && fechaQueryString <= hoy) {

                            $("#fecha").val(dia + '/' + mes + '/' + año);

                        } else {
                            self.obtenerUltimaFecha();
                            sweetAlert("La fecha ingresada es incorrecta", "Por favor ingrese una fecha válida", "error");

                        }
                    } else {

                        self.obtenerUltimaFecha();

                    }
                        
                }


                self.obtenerCotizacionesHistoricas = function () {
                              
                        
                    //Preloader 
                    $('body').delay(550).css({ 'overflow': 'hidden' });
                    $(".tablesorter").hide();
                    $('#loading').delay(300).fadeIn();
                    $('#preloader').delay(300).fadeIn('slow');
                    

                    self.obtenerCotizacionMonedas();
                    self.obtenerItemsTablaIndices();
                    self.obtenerItemsTablaPrincipal();
                    self.obtenerItemsTablaBonosUSD();
                                                         
                }             

                

                self.obtenerCotizacionMonedas = function () {

                    $.ajax({
                        type: "POST",
                        url: "../Service1.asmx/GetItemsHistoricos",
                        data: "{fecha:'" + $("#fecha").val() + "', tipo: 'Moneda'}",
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        async: false,
                        success: function (result) {
                            
                            var parsed = JSON.parse(result.d);


                            for (var i = 0; i < parsed.Monedas.Moneda.length; i++) {
    
                                var moneda = parsed.Monedas.Moneda[i];

                                switch (moneda.Symbol) {

                                    case "Dólar Promedio RF":
                                        {
                                            self.dolarPromedioRF(moneda.Price);

                                            var ahorro = Math.round((parseFloat(moneda.Price) * 1.2) * 100) / 100;
                                            var turista = Math.round((parseFloat(moneda.Price) * 1.35) * 100) / 100;

                                            self.dolarAhorro(ahorro.toString().replace(".", ","));
                                            self.dolarTurista(turista.toString().replace(".", ","));
                                        }
                                        continue;
                                    
                                    case "Euro Promedio RF":
                                        self.euroPromedioRF(moneda.Price);
                                        continue;

                                    case "Real Promedio RF":
                                        self.realPromedioRF(moneda.Price);
                                        continue;

                                    case "Dólar Blue Ambito.com":
                                        self.dolarBlue(moneda.Price);
                                        continue;

                                    case "Dólar A 3500":
                                        self.dolarA3500(moneda.Price);
                                        continue;

                                    case "Dólar MEP":
                                        self.dolarMEP(moneda.Price);
                                        continue;

                                    case "Dólar CCL":
                                        self.dolarCCL(moneda.Price);
                                        continue;

                                        default:
                                }

                            }                            

                        },
                        error: function (xhr, ajaxOptions, thrownError) {
                            sweetAlert("Hubo un error al obtener la información de la tabla de monedas", "Si el problema persiste, contáctenos a través de nuestras redes sociales", "error");
                        }

                    });
                }


                self.obtenerUltimaFecha = function () {

                    $.ajax({
                        type: "POST",
                        url: "../../Service1.asmx/GetUltimaFecha",
                        data: "{}",
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        async: false,
                        success: function (result) {
                          
                            $("#fecha").val(result.d);

                        },
                        error: function (xhr, ajaxOptions, thrownError) {
                          
                        }

                    });

                }


                self.obtenerItemsTablaPrincipal = function () {

                    $.ajax({
                        type: "POST",
                        url: "../../Service1.asmx/GetItemsHistoricos",
                        data: "{fecha:'" + $("#fecha").val() + "', tipo: 'Accion'}",
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        async: false,
                        success: function (result) {
                            
                            self.itemsTablaPrincipal.removeAll();

                            var parsed = JSON.parse(result.d);

                            for (var i = 0; i < parsed.Quotes.Stock.length; i++) {
    
                                var currentStock = parsed.Quotes.Stock[i];
                                self.itemsTablaPrincipal.push(new itemTabla(currentStock.Symbol, currentStock.Name, currentStock.Price, currentStock.Currency, currentStock.ChangeDay, currentStock.ChangeMonth, currentStock.ChangeYear));

                            }
                                 
                        },
                        error: function (xhr, ajaxOptions, thrownError) {
                            sweetAlert("Hubo un error al obtener la información de la tabla de acciones", "Si el problema persiste, contáctenos a través de nuestras redes sociales", "error");
                        }

                    });

                }

                self.obtenerItemsTablaIndices = function () {

                  
                    $.ajax({
                        type: "POST",
                        url: "../../Service1.asmx/GetItemsHistoricos",
                        data: "{fecha:'" + $("#fecha").val() + "', tipo: 'Indice'}",
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        async: false,
                        success: function (result) {
                            
                            self.itemsTablaIndices.removeAll();

                            var parsed = JSON.parse(result.d);
                            
                            for (var i = 0; i < parsed.Quotes.Stock.length; i++) {

                                var currentStock = parsed.Quotes.Stock[i];
                                self.itemsTablaIndices.push(new itemTabla(currentStock.Symbol, currentStock.Name, currentStock.Price, currentStock.Currency, currentStock.ChangeDay, currentStock.ChangeMonth, currentStock.ChangeYear));

                            }

                        },
                        error: function (xhr, ajaxOptions, thrownError) {
                            
                            sweetAlert("Hubo un error al obtener la información de la tabla de índices", "Si el problema persiste, contáctenos a través de nuestras redes sociales", "error");
                        }

                    });

                }
                

                self.obtenerItemsTablaBonosUSD = function () {

                    $.ajax({
                        type: "POST",
                        url: "../../Service1.asmx/GetItemsHistoricos",
                        data: "{fecha:'" + $("#fecha").val() + "', tipo: 'Bono'}",
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        async: false,
                        success: function (result) {
                            
                            self.itemsTablaBonosUSD.removeAll();

                            var parsed = JSON.parse(result.d);

                            for (var i = 0; i < parsed.Quotes.Stock.length; i++) {

                                var currentBond = parsed.Quotes.Stock[i];
                                self.itemsTablaBonosUSD.push(new itemTablaBonos(currentBond.Symbol, currentBond.Name, currentBond.Price, currentBond.Currency, currentBond.ChangeDay, currentBond.ChangeMonth, currentBond.ChangeYear, currentBond.TIR));

                            }


                            for (var i = 0; i < self.itemsTablaBonosUSD().length; i++) {

                                if (self.itemsTablaBonosUSD()[i].symbol() == "RO15") {
                                    self.itemsTablaBonosUSD()[i + 1].irr(self.itemsTablaBonosUSD()[i].irr());
                                }

                                if (self.itemsTablaBonosUSD()[i].symbol() == "AA17") {
                                    self.itemsTablaBonosUSD()[i + 1].irr(self.itemsTablaBonosUSD()[i].irr());
                                }

                                if (self.itemsTablaBonosUSD()[i].symbol() == "GJ17") {
                                    self.itemsTablaBonosUSD()[i + 1].irr(self.itemsTablaBonosUSD()[i].irr());
                                }

                                if (self.itemsTablaBonosUSD()[i].symbol() == "AN18") {
                                    self.itemsTablaBonosUSD()[i + 1].irr(self.itemsTablaBonosUSD()[i].irr());
                                }

                                if (self.itemsTablaBonosUSD()[i].symbol() == "AY24") {
                                    self.itemsTablaBonosUSD()[i + 1].irr(self.itemsTablaBonosUSD()[i].irr());
                                }
                            
                            }

                            $(".tablesorter-blue thead > tr > th").css({ "text-align": 'center' });
                            $(".tablesorter-blue tbody > tr > td").css({ "text-align": 'center' });

                            //Preloader 
                            $('#loading').delay(300).fadeOut();
                            $('#preloader').delay(300).fadeOut('slow');
                            $('body').delay(550).css({ 'overflow': 'visible' });
                            $(".tablesorter").show();

                        },
                        error: function (xhr, ajaxOptions, thrownError) {
                            sweetAlert("Hubo un error al obtener la información de la tabla de bonos", "Si el problema persiste, contáctenos a través de nuestras redes sociales", "error");
                        }

                    });

                }

     

            };

            $("#Sponsor").html('<p style="display: block;"> <a id="TsaBursatil" class="head" style="margin: auto; display: table;" href="http://www.tsabursatil.com/html/home.php" target="_blank"><img alt="" class=".head" src="../ckfinder/images/banner_tsabursatil.gif" style="width: 888px; height: 60px; border-width: 0px; border-style: solid;"></a></p></div><div id="Noticias">CIERRES DEL MERCADO BURSÁTIL Y DE MONEDAS</div><div id="Buscador"><table style= "margin: auto"><tr><td><label class="tituloBusqueda" >Seleccione una fecha: </label></td><td><input type="text" id="fecha" class="fechaBusqueda" readonly="readonly" name="fecha"/></td><td><button type="button" id="btnBusquedaHistorico" data-bind="click: $root.obtenerCotizacionesHistoricas" class="buttonBusquedaHistorico">Buscar</button></td><td id="col3" ></td><td id="col4"></td></tr></table></div>');

            var itemsViewModel = new itemsVM();
            ko.applyBindings(itemsViewModel);                        
                    
            itemsViewModel.obtenerFechaConsulta();
            itemsViewModel.obtenerCotizacionesHistoricas();
                                   
            
            $("div#menuh2 li#aHistorico").addClass('current');

        });


        // Este método se ejecuta cuando la web se cargó completamente, incluídos los métodos de javascript y ajax
        jQuery(window).load(function () {          
           
            $(".especie").css({ "text-align": 'center' });
            $("#tablaMonedas").css({ "width": '0', "margin": 'auto' });
            $("#tablaIndices").css({ "width": '400px' });
                       

            $(".fechaBusqueda").datepicker({
                closeText: 'Cerrar',
                prevText: '&#x3c;Ant',
                nextText: 'Sig&#x3e;',
                currentText: 'Hoy',
                monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio',
                'Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
                monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun',
                'Jul','Ago','Sep','Oct','Nov','Dic'],
                dayNames: ['Domingo','Lunes','Martes','Mi&eacute;rcoles','Jueves','Viernes','S&aacute;bado'],
                dayNamesShort: ['Dom','Lun','Mar','Mi&eacute;','Juv','Vie','S&aacute;b'],
                dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','S&aacute;'],
                weekHeader: 'Sm',
                dateFormat: 'dd/mm/yy',
                firstDay: 0,
                isRTL: false,
                showMonthAfterYear: false,
                yearSuffix: '',
                minDate: '01/09/2015',
                maxDate: -1,
                beforeShowDay: $.datepicker.noWeekends
            });

           
            $('div.ui-datepicker').css({ "font-size": '14px'}); 

            $('.advertencia').css({ "display": 'none' });

            $("#DivPrintButton").appendTo("#col3");
            $("#DivPDFDownload").appendTo("#col4");

            //Preloader 
            $('#loading').delay(300).fadeOut();
            $('#preloader').delay(300).fadeOut('slow');
            $('body').delay(550).css({ 'overflow': 'visible' });
                       

        });


    </script>


    <link rel="stylesheet" type="text/css" href="css/Bursatil.css?version=5" />
    <link rel="stylesheet" type="text/css" href="css/TableSorter.css?version=2" />


    <script type="text/javascript" src="../scripts/jquery/jquery.tablesorter.min.js" ></script>
    <script type="text/javascript" src="../scripts/jquery/jquery.tablesorter.pager.min.js"></script>
    <script type="text/javascript" src="../scripts/jquery/jquery.tablesorter.widgets.min.js" ></script>    
    <script type="text/javascript" src="scripts/itemTabla.js?version=4" ></script>
</asp:Content>


<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    
    <div id="ColumnaIzquierda">


            <table id="tablaIndices" class="tablesorter-blue">
                <thead>
                    <tr>            
                        <th colspan="6" style="text-align:center; font-size:16px; font-weight:100; background-color:#E4A537; color:white;" data-bind="text: 'Índices' "></th>
                        </tr>
                    <tr>            
                        <th data-placeholder="Buscar">Especie</th>
                        <th data-placeholder="Buscar">Valor</th>
                        <th data-placeholder="Buscar" >% Día</th>
                        <th data-placeholder="Buscar" >% Mes</th>
                        <th data-placeholder="Buscar" >% Año</th>
                    </tr>
                </thead>
                <tbody>                   
                    <!-- ko foreach: itemsTablaIndices -->
                        <tr>
                            <td data-bind="text: symbol"></td>                            
                            <td data-bind="text: price" ></td>
                            <td data-bind="text: displayChangeDay() + '%', style: { color: changeDay() >= 0 ? 'green' : 'red' }" ></td>
                            <td data-bind="text: displayChangeMonth() + '%', style: { color: changeMonth() >= 0 ? 'green' : 'red' }" ></td>
                            <td data-bind="text: displayChangeYear() + '%', style: { color: changeYear() >= 0 ? 'green' : 'red' }" ></td>

                        </tr>
                    <!-- /ko -->   
                </tbody>
            </table>

            <table id="tablaMonedas" class="tablesorter-blue">
                <thead>
                    <tr>                
                        <th colspan="2" style="text-align:center; font-size:16px; font-weight:100; background-color:lightseagreen; color:white;" data-bind="text: 'Monedas' "></th>
                    </tr>
                    <tr>            
                        <th data-placeholder="">Moneda</th>
                        <th data-placeholder="">Cotización</th>
                    </tr>
                </thead>
                <tbody>
                   <tr>
                        <td class="especie" data-bind="text: 'Dólar Promedio RF'"></td>
                        <td class="especie" data-bind="text: $data.dolarPromedioRF() ? '$' + $data.dolarPromedioRF() : '-' "></td> 
                    </tr>
                    <tr>
                        <td class="especie" data-bind="text: 'Dólar BCRA 3500'"></td>
                        <td class="especie" data-bind="text: $data.dolarA3500() ? '$' + $data.dolarA3500() : '-'"></td> 
                    </tr>
                    <tr>
                        <td class="especie" data-bind="text: 'Dólar MEP'"></td>
                        <td class="especie" data-bind="text: '$' + $data.dolarMEP() ? '$' + $data.dolarMEP() : '-'"></td> 
                    </tr>
                    <tr>
                        <td class="especie" data-bind="text: 'Dólar Contado con Liqui'"></td>
                        <td class="especie" data-bind="text: '$' + $data.dolarCCL() ? '$' + $data.dolarCCL() : '-' "></td> 
                    </tr>
                    <tr>
                        <td class="especie" data-bind="text: 'Dólar Ahorro'"></td>
                        <td class="especie" data-bind="text: '$' + $data.dolarAhorro() ? '$' + $data.dolarAhorro() : '-'"></td> 
                    </tr>
                    <tr>
                        <td class="especie" data-bind="text: 'Dólar Turista'"></td>
                        <td class="especie" data-bind="text: '$' + $data.dolarTurista() ? '$' + $data.dolarTurista() : '-' "></td> 
                    </tr>

                    <tr>
                        <td class="especie" data-bind="text: 'Dólar Blue Ambito.com'"></td>
                        <td class="especie" data-bind="text: $data.dolarBlue() ? $data.dolarBlue() : '-'"></td> 
                    </tr>
                    <tr>
                        <td class="especie" data-bind="text: 'Euro Promedio RF'"></td>
                        <td class="especie" data-bind="text: $data.euroPromedioRF() ? '$' + $data.euroPromedioRF() : '-'"></td> 
                    </tr>
                    <tr>
                        <td class="especie" data-bind="text: 'Real Promedio RF'"></td>
                        <td class="especie" data-bind="text: $data.realPromedioRF() ? '$' + $data.realPromedioRF() : '-'"></td> 
                    </tr>
                </tbody>
            </table>
                
        </div>



    <div id="ColumnaDerecha">

        
            <table id="tablaAccionesPrincipales" class="tablesorter-blue">
                <thead>
                    <tr>            
                        <th colspan="7" style="text-align:center; font-size:16px; font-weight:100; background-color:lightslategray; color:white;" data-bind="text: 'Principales acciones' "></th>
                        </tr>
                    <tr>            
                        <th data-placeholder="Buscar">Especie</th>
                        <th data-placeholder="Buscar">Precio</th>
                        <th data-placeholder="Buscar">Moneda</th>
                        <%--<th data-placeholder="Buscar">Variación</th>--%>
                        <th data-placeholder="Buscar" >% Día</th>
                        <th data-placeholder="Buscar" >% Mes</th>
                        <th data-placeholder="Buscar" >% Año</th>
                    </tr>
                </thead>
                <tbody>                   
                    <!-- ko foreach: itemsTablaPrincipal -->
                        <tr>
                            <td data-bind="text: symbol"></td>                            
                            <td data-bind="text: price" ></td>
                            <td data-bind="text: currency, style: { color: currency() == 'AR$' ? 'blue' : '#0D8307' }" ></td>
                            <%--<td data-bind="text: displayPriceVariation, style: { color: priceVariation() >= 0 ? 'green' : 'red' }" ></td>--%>
                            <td data-bind="text: displayChangeDay() + '%', style: { color: changeDay() >= 0 ? 'green' : 'red' }" ></td>
                            <td data-bind="text: displayChangeMonth() + '%', style: { color: changeMonth() >= 0 ? 'green' : 'red' }" ></td>
                            <td data-bind="text: displayChangeYear() + '%', style: { color: changeYear() >= 0 ? 'green' : 'red' }" ></td>

                        </tr>
                    <!-- /ko -->   
                </tbody>
            </table>
        <div class="advertenciaTIR" data-bind="text: 'La TIR fue calculada utilizando un dólar MEP de $' + $data.dolarMEP() ">                
            </div>
            <table id="tablaBonosUSD" class="tablesorter-blue">
                <thead>
                    <tr>            
                        <th colspan="5" style="text-align:center; font-size:16px; font-weight:100; background-color:#D78080; color:white;" data-bind="text: 'Bonos en Dólares' "></th>
                    </tr>
                    <tr>            
                        <th data-placeholder="Buscar">Especie</th>
                        <th data-placeholder="Buscar">Precio</th>
                        <th data-placeholder="Buscar">Moneda</th>
                        <th data-placeholder="Buscar">% TIR</th>
                        <%--<th data-placeholder="Buscar">Variación</th>--%>
                        <th data-placeholder="Buscar" >% Día</th>
                    </tr>
                </thead>
                <tbody>                   
                    <!-- ko foreach: itemsTablaBonosUSD -->
                        <tr>
                            <td data-bind="text: symbol"></td>                            
                            <td data-bind="text: price" ></td>
                            <td data-bind="text: currency, style: { color: currency() == 'AR$' ? 'blue' : '#0D8307' }" ></td>
                            <td data-bind="text: irr" ></td>
                          <%--  <td data-bind="text: displayPriceVariation, style: { color: priceVariation() >= 0 ? 'green' : 'red' }" ></td>--%>
                            <td data-bind="text: displayChangeDay() + '%', style: { color: changeDay() >= 0 ? 'green' : 'red' }" ></td>
                            
                        </tr>
                    <!-- /ko -->   
                </tbody>
            </table>  

        
<div id="DivPrintButton" style="margin-left:250px"><a id="printButton" style="margin-right: 2%; float: right; margin-left: 2%; margin-top: 1%;" href="javascript:window.print();"><img src="../Imagenes/print_icon.png"/></a></div>

<div id="DivPDFDownload" style="margin-left:20px"><asp:ImageButton ID="btnPDFDownload" ImageUrl="../Imagenes/pdf_download.png" Width="25px" runat="server" OnClick="ConvertirHTMLtoPDF" /></div>


       
    </div>

</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
    <div >
        <span id="Fecha"></span>
    </div>
</asp:Content>
